<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        {{obj.a.msg}}
        <div v-html="obj.a.b" v-on:click="fn"></div>
    </div>
</body>
<script src="./MVVM/mvvm.js"></script>
<script src="./MVVM/observer.js"></script>
<script src="./MVVM/compile.js"></script>

<script src="./MVVM/watcher.js"></script>
<script>
    //数据代理(转绑)  浅代理
    //data 中的数据都会转绑给vm实例对象 是如何实现的?
    new MVVM({
        el:"#app",
        data:{
            obj:{
                a:{
                    b:"b",
                    msg:"hello mvvm",
                }
            }
        },
        methods:{
            fn(){
                console.log("fn")
            }
        }
    })
</script>
</html>